<template>
	<div class="view">
		<span class="label" 
			:style="{'color': data.textColor, 'background-color': data.bgColor, 'border': '1px solid ' + data.strokeColor}">
			{{data.value}}
		</span>
	</div>
</template>

<script>
	export default {
		props: ['data'],
		data() {
			return {
			}
		}
	}
</script>

<style scoped="scoped">
	.view {
		padding: 2px;
	}
	
	.label {
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		padding: 2px 5px;
	}
</style>